<template>
  <div class="app">
     <title1 tit="投诉建议"></title1>
    <van-tabs v-model="active" line-width="50%">
      <div class="tab1">
        <van-tab title="我要投诉"
          >您要投诉的问题
          <van-field
            height="300px"
            v-model="message1"
            rows="2"
            label="请简述你所遇到的问题"
            type="textarea"
            maxlength="100"
            placeholder="请输入留言"
            show-word-limit
          />
        </van-tab>
        <van-tab title="我有建议"
          >您要建议的内容
          <div class="ts-jianyi">
            <van-field
              height="300px"
              v-model="message"
              rows="2"
              label="请简述你的建议"
              type="textarea"
              maxlength="100"
              placeholder="请输入留言"
              show-word-limit
            />
          </div>
        </van-tab>
      </div>
    </van-tabs>
    <span class="ts-foot">你的联系方式</span>
    <div class="foot">
      <van-cell-group>
        <van-field v-model="value1" label="邮箱" placeholder="请输入邮箱" />
      </van-cell-group>
      <van-cell-group>
        <van-field v-model="value" label="手机" placeholder="请输入手机号" />
      </van-cell-group>
    </div>
    <button class="btn">提交</button>
  </div>
</template>

<script>
import title1 from "../../../../components/tit.vue";
export default {
  data() {
    return {
      active: 2,
      message: "",
      message1:"",
      value: "",
      value1: "",
    };
  },
  components: {
    title1,
  },
  methods: {
    goback() {
      this.$router.replace({ name: "myOrder" });
    },
  },
};
</script>

<style scoped lang="less">
.app {
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
  font-size: 30px;
  .tab1 {
    margin: 20px;
    .van-cell {
      border: 1px solid #ccc;
      margin-top: 20px;
      border-radius: 10px;
    }
  }
  .ts-foot {
    font-size: 20px;
    margin-left: 40px;
  }

  .foot {
    margin: 20px;
  }
   .btn {
    background-color: #ff5654;
    border: 1px solid #ff5654;
    width: 620px;
    text-align: center;
    height: 60px;
    border-radius: 5px;
    margin: 40px 0 0 40px;
    color: #fff;
    font-size: 15px;
    margin-left: 60px;
  }
}
</style>
